{% extends 'graph-base.html' %}

{% load url from future %}

{% block extra_js %}
require(['graph']);
{% endblock %}

{% block extra_css %}
{{ graph_style }}
{% endblock %}

{% block body_attributes %}
data-graph-url="{% url 'graph_data' graph_id %}" class="marginless"
{% endblock %}

{% block container %}
  <div class="graph">
    <div class="information-panel">
      <button class="close-button close">&times;</button>
      <h1 class="information-heading"></h1>
      <p class="information-short-description"></p>
      <p class="information-long-description"></p>
      <p class="information-youtube"></p>
      <a class="more-information-link" href="#">More Information</a>
      <p class="credit-wrapper"><span class="information-credit"></span></p>
    </div>
    <div class="btn-group btn-group-vertical zoom-controls">
      <button class="btn zoom-in">+</button>
      <button class="btn zoom-out">-</button>
    </div>
  </div>
{% endblock %}
